<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Steam 雲激活</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- StyleSheets -->
    <link href="/static/style/bootstrap.min.css" rel="stylesheet">
    <link href="/static/style/normalize.css" rel="stylesheet">
    <link href="/static/style/jumbotron-narrow.css" rel="stylesheet">
    <link href="/static/style/style.css" rel="stylesheet">
    <!-- JavaScripts -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- <script src="/static/script/bootstrap.min.js"></script> -->
</head>

<body>
    <div class="container">
        <div class="header clearfix">
            <a class="text-muted site-title" href="https://steamcn.com/t267770-1-1" target="_blank">
                <span class="glyphicon glyphicon-cloud"></span> Steam 雲激活
            </a>
        </div>

        <div class="panel panel-default my-panel">
            <!-- Default panel contents -->
            <div class="panel-heading">
                当前状态： <span id="panel_status">无法加载脚本，可能网络不稳定或浏览器不支持</span>
            </div>

            <div class="panel-body"></div>

            
            <div class="my-alipay" id="alipay">
                哟~成功激活了一个Key诶，真不错！ 请问...您愿意打赏作者一点点小费吗？
                <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal">
                    我愿意！<span class="glyphicon glyphicon-heart"></span>
                </button> &nbsp;
                <button type="button" class="btn btn-default btn-sm" onclick=$('.my-alipay').html('(｡•́︿•̀｡)')>丑拒</button>
            </div>
            <!-- Table -->
            <div class="table-responsive table-condensed">
                <table class="table table-hover" style="display: none">
                    <caption>激活记录：</caption>
                    <thead>
                        <th>No.</th>
                        <th>Key</th>
                        <th>结果</th>
                        <th>详情</th>
                        <th>Sub</th>
                    </thead>
                    <tbody></tbody>
                </table>
            </div> <!-- /table div ends -->

        </div> <!-- /panel div ends -->

        <from class="form-horizontal" style="display: none">
            <div id="accountInfo">
                <div class="form-group" id="form_username">
                    <label for="inputUsername" class="col-sm-2 control-label">Username</label>
                    <div class="col-sm-10">
                        <input class="form-control" id="inputUsername" placeholder="Steam Username">
                    </div>
                </div>

                <div class="form-group" id="form_password">
                    <label for="inputPassword" class="col-sm-2 control-label">Password</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="inputPassword" placeholder="Steam Password">
                    </div>
                </div>

                <div class="form-group" id="form_authcode">
                    <label for="inputCode" class="col-sm-2 control-label">AuthCode</label>
                    <div class="col-sm-10">
                        <input class="form-control" id="inputCode" placeholder="手机令牌（若为邮箱验证，请留空）">
                    </div>
                </div>
            </div>  <!-- /id:accountInfo -->

            <div class="form-group">
                <label for="inputKey" class="col-sm-2 control-label">Steam Key</label>
                <div class="col-sm-10">
                    <textarea class="form-control" rows="3" id="inputKey" placeholder="可留空稍后再输入；支持批量激活，可以把整个网页文字复制过来&#10;若一次激活的Key的数量超过9个则会自动分批激活（等待20秒）"></textarea>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-default" id="buttonRedeem">Redeem</button>
                </div>
            </div>

            <div class="progress" style="display: none">
                <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                </div>
            </div>
        </from> 

        <footer class="footer">
            <span class="copyright">
                &copy; 2018 <span class="glyphicon glyphicon-heart"></span> Makazeu&nbsp;
            </span>
            {{#if serverBy}}
                &nbsp; // &nbsp;
                <span style="margin:auto">Server by {{serverBy}}</span>
            {{else}}
                <span class="copyright">
                    <a href="http://weibo.com/zyf8" target="_blank">我的微博</a>&nbsp;
                </span>
                <span class="copyright">
                    <a href="http://steamcommunity.com/id/makazeu" target="_blank">我的Steam</a>&nbsp;
                </span>
            {{/if}}
            <span class="version">
                {{appVersion}} on Node.js {{nodeVersion}}
            </span>
        </footer>
    </div> <!-- /container -->

    <div class="modal fade" tabindex="-1" role="dialog" id="myModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">厚颜无耻地递上支付二维码 (*/ω＼*)</h4>
                </div>

                <div class="modal-body">
                    <h5>租用服务器需要资金... 你懂的... 谢谢！爱你哟~ 
                        比心<span class="glyphicon glyphicon-heart"></span>~~
                    </h5>
                    <div style="text-align:center">
                        <img src="/static/image/pay.png"  alt="alipay" />
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div> <!-- /.modal-content -->
        </div> <!-- /.modal-dialog -->
    </div> <!-- /.modal -->

    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-60000402-7', 'auto');
  ga('send', 'pageview');

</script>

    <script src="/static/script/script.js"></script>

</body>

</html>
